// pages/item/item.js
const http = require('../../utils/http.js');
Page({

  /**
   * 页面的初始数据
   */
  data: {
    content:{},
    gaiyaotype:true,
    xiangxitype:false,
    jiagetype:false,
    gaiyaoTop:0,//概要离顶部的距离
    xiangxiTop:0,
    jiageTop:0,
    type:false//false  tabbar不显示； true tabbar显示
  },
  //拨打电话
  call(){
    wx.makePhoneCall({
      phoneNumber: '17674650687' //仅为示例，并非真实的电话号码
    });
  },
  //返回上一页
  back(){
    wx.navigateBack();
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    console.log(options.id);
    http.request('/product/product/getProductDetails/'+options.id,'','get').then(res=>{
      console.log(res);
      this.setData({content:res.data});
    })

    //获取某个 view离顶部的距离
    wx.createSelectorQuery().select("#gaiyao").boundingClientRect(rect=>{
      this.setData({gaiyaoTop:rect.top})
      console.log(this.data.gaiyaoTop)
    }).exec();
    wx.createSelectorQuery().select("#xiangxi").boundingClientRect(rect=>{
      this.setData({xiangxiTop:rect.top})
    }).exec();
    wx.createSelectorQuery().select("#jiage").boundingClientRect(rect=>{
      this.setData({jiageTop:rect.top})
    }).exec();
  },

  //页面滚动时触发的钩子函数
  onPageScroll(ev){
    console.log("页面在滚动了！！",ev);
    const top = ev.scrollTop + 52;

    if(top >= this.data.gaiyaoTop){
      this.setData({type:true})
    }else{
      this.setData({type:false})
    }
    //const {gaiyaoTop,xiangxiTop,jiageTop,gaiyaotype,xiangxitype,jiagetype} = this.data;
    //滚动时需要切换 激活状态的tabbar
    if(top >= this.data.gaiyaoTop && top < this.data.xiangxiTop){
      this.setData({
        gaiyaotype:true,
        xiangxitype:false,
        jiagetype:false
      })
    }else if(top >= this.data.xiangxiTop && top < this.data.jiageTop){
      this.setData({
        gaiyaotype:false,
        xiangxitype:true,
        jiagetype:false
      })
    }else{
      this.setData({
        gaiyaotype:false,
        xiangxitype:false,
        jiagetype:true
      })
    }
  },
  //功能：点击 tabbar 页面滚动到响应的位置

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})